<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.js"></script>
	</head>

	<body>

		<body ng-controller='MyController' ng-app="app">
			<div ng-repeat='thing in things'>
				{{thing}}.
				<hello></hello>
			</div>
			<script>
				var appModule = angular.module('app', []);
				appModule.directive('hello',function(){
					return {
						restrict:'E',
						template:'<span>hi there</span>',
						replace:true
					}
				})
				appModule.controller('MyController', function($scope) {
					$scope.things = [1, 2, 3, 4, 5, 6];
				});
			</script>
		</body>

</html>